<!-- 体检记录 -->
<template>
	<view class="container">
		<view class="content">
			<view class="top">
				
			</view>
			<!--挂号-->	
			<view class="record"> 
				 <label class="uni-list-cell-left">挂   号 id:</label>
				 <view class="recordText">
					 <text>{{id}}</text>
				 </view>
			</view>
				
			<view class="line"></view>
					
			 <!--就诊医生-->  
			 <view class="record">
				
				<view class="uni-list-cell-left">
					就诊医生:
				</view>
				<view class="recordText">
					<text>{{doctorName}}</text>
				</view>
			 
			 </view>
			 
			<view class="line"></view>
			<view class="record">
				<view class="uni-list-cell-left">体检结果:</view>
				<view class="recordResult">
					<text>{{medicalResult}}</text>
				</view>
			</view>
			<view class="line"></view>	
			<view class="record">
					<view class="uni-list-cell-left">
						创建时间:
					</view>
					<view class="recordText">
						<text>{{time}}</text>
					</view>
			</view>
		</view>
		
			
	</view>
</template>


<script>
	import { viewtj } from '@/api/index.js'
	export default {
		data() {
			return {
				id:'',
				doctorName:'肥陈医生',
				medicalResult:'无明显症状',
				time:'2021-04-17',
			}
		},
		onLoad(option) {
			this.id = option.id
		},
		methods: {
			getList() {
				viewtj({registrationId: this.id}).then(res => {
					if(res.code !== 200) {
						uni.showToast({
							title: res.message,
							icon: 'none'
						})
					}
				})
			}
		}
	}
</script>

<style>
	page {
		height: 100%;
	}
	.container {
		height: 100%; 
		 padding: 20rpx; 
		 box-sizing: border-box; 
		 	 
	}
	.content {
		padding-bottom: 30rpx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column; 
		border:1px solid rgba(74,141,156,0.5);
		border-radius:10px;
	}
	.top {
		padding-top: 40rpx;
		height: 10%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.record {
	 /* background-color: #fff;  */
	 
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	
	} 
	.uni-list-cell-left {
		padding-right: 20rpx;
		color: #aaaa7f;
		font-size: medium;
		white-space: pre-wrap;
		font-weight: bold;
	}
	.recordText {
		border:1px solid #aaaa7f;
		border-radius:10px;
		width: 300rpx;
		height: 50rpx;
		display: flex;
		align-items: center;
		
	}
	.recordResult {
		border:1px solid #aaaa7f;
		border-radius:10px;
		width: 280rpx;
		height: 150rpx;
		display: flex;
		padding: 10rpx;
		
	} 
	text { 
	 margin-left: 20rpx; 
	 color: #aaaa7f; 
	 font-size: medium;
	 
	} 
	.line { 
	 margin-top: 20rpx; 
	} 
	.text-area {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	
	
</style>

